$moneyColor: #ff5500; // 金额颜色
$skelettBgColor: #f2f2f2; // 骨架图 背景颜色
$themeColor: #5359FF; // 新主题色


@font-face {
	font-family: font-number;
	src: url('~@/static/font/udc1.04-bold.otf');
}

@mixin Db_moneyStyle($weight: bold) {
	color: $moneyColor;
	font-weight: $weight;
	font-family: font-number;
}

@mixin Db_commonButton($height: 92rpx, $radius: 46rpx) {
	&::after {
		display: none;
	}

	color: #fff;
	font-size: 28rpx;
	font-weight: 500;

	height: $height;
	line-height: $height;
	border-radius: $radius;
	background: linear-gradient(132deg, #ff8b44 0%, #ff6614 100%);

	&:active {
		background: linear-gradient(132deg, rgba(255, 139, 68, 0.7) 0%, rgba(255, 102, 20, 0.7) 100%);
	}

	&.active {
		background: linear-gradient(132deg, rgba(255, 139, 68, 0.7) 0%, rgba(255, 102, 20, 0.7) 100%);
	}
}

@mixin Db_newButton($height: 84rpx, $radius: 42rpx) {
	&::after {
		display: none;
	}

	color: #fff;
	font-size: 28rpx;
	font-weight: 500;

	height: $height;
	line-height: $height;
	border-radius: $radius;
	background: linear-gradient(311deg, #8266FF 0%, #5359FF 100%);

	&:active {
		background: linear-gradient(311deg,rgba(130, 102, 255, 0.4) 0%, rgba(83, 89, 255, 0.7) 100%);
	}

	&.active {
		background: linear-gradient(311deg,rgba(130, 102, 255, 0.4) 0%, rgba(83, 89, 255, 0.7) 100%);
	}
	&.disabled {
		background: linear-gradient(311deg,rgba(130, 102, 255, 0.4) 0%, rgba(83, 89, 255, 0.4) 100%);
	}
}

/**
	ios 底部安全距离
*/
@mixin Db_iosBottomDistance($bottom: 20rpx) {
	padding-bottom: calc(constant(safe-area-inset-bottom) + #{$bottom});
	padding-bottom: calc(env(safe-area-inset-bottom) + #{$bottom});
}

/**
	ios 底部安全距离
*/
@mixin Db_iosPositionBottomDistance($bottom: 20rpx) {
	bottom: calc(constant(safe-area-inset-bottom) + #{$bottom});
	bottom: calc(env(safe-area-inset-bottom) + #{$bottom});
}

/**
	ios 顶部安全距离
*/
@mixin Db_iosTopDistance($top: 20rpx) {
	padding-top: calc(var(--status-bar-height) + #{$top});
}

/**
	ios 底部安全距离
*/
@mixin Db_iosPositionTopDistance($top: 20rpx) {
	top: calc(var(--status-bar-height) + #{$top});
}

@mixin Db_newGradient(){
	background: linear-gradient(311deg, #8266FF 0%, #5359FF 100%);
}

/* start--flex--start */
.flex {
    display: flex;
}
.flex-col {
    display: flex;
    flex-direction: column;
}

.row-start {
    justify-content: flex-start;
}
.row-center {
    justify-content: center;
}
.row-end {
    justify-content: flex-end;
}
.row-between {
    justify-content: space-between;
}
.row-around {
    justify-content: space-around;
}

.col-start {
    align-items: flex-start;
}
.col-center {
    align-items: center;
}
.col-end {
    align-items: flex-end;
}

.flex-1 {
    flex: 1;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
/* start--flex--start */

/* start--文本行数限制--start */
.line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.line-2 {
    -webkit-line-clamp: 2;
}
.line-3 {
    -webkit-line-clamp: 3;
}
.line-4 {
    -webkit-line-clamp: 4;
}
.line-5 {
    -webkit-line-clamp: 5;
}
.line-2,
.line-3,
.line-4,
.line-5 {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
/* end--文本行数限制--end */


// 授权二维码--start
.common-wapper {
	.title-text {
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 24rpx;
	}
	.remind-text {
		font-size: 24rpx;
		color: #666666;
		width: 380rpx;
		text-align: center;
		margin: 8rpx auto 32rpx;
	}
	.more-margin {
		margin: 60rpx auto 42rpx;
	}
	.remind-box{
		padding-bottom: 20rpx;
		.remind-title{
			color: #333333;
			font-size: 30rpx;
			text-align: left;
			margin: 20rpx 0;
			font-weight: bold;
		}
		.remind-item{
			font-size: 24rpx;
			margin-bottom: 20rpx;
		}
		.num-dot{
			width: 35rpx;
			height: 35rpx;
			border-radius: 50%;
			color: #fff;
			background: #ff8b44;
			box-shadow: 0 0 10rpx rgb(176, 175, 175);
			margin-right: 10rpx;
			flex-shrink: 0;
			line-height: 35rpx;
			text-align: center;
		}
		.text-left{
			text-align: left;
		}
	}
}
.code-wapper {
	.image {
		width: 200rpx;
		height: 200rpx;
	}
}
.cancle-wapper {
	.title-text {
		margin-top: 24rpx;
	}
}
// 授权二维码--end